import React from "react";
import { Layout, theme } from 'antd';
import TagComponents from "@Components/TagComponents";
// Outlet 是 React Router v6 中的一个新概念，用于代替 v5 中的 <Switch> 组件。
// 它用于在父级路由组件中渲染子路由组件。在 React Router v6 中，路由配置更加灵活，可以在不同层级的组件中嵌套使用。
import { Outlet } from "react-router-dom";
const { Content } = Layout;


// 创建组件,使用hooks
const ContentComponents =  ({siderMenuKey}) => {
  const { token: {borderRadiusLG }} = theme.useToken();
  return (
    <div>
      <Content id="Content" style={{borderRadius: borderRadiusLG }}>
        <TagComponents siderMenuKey={siderMenuKey}/>
        <Outlet />
        {/* <RouterProvider router={router} /> */}
      </Content>
    </div>
  );
}

export default ContentComponents;